:root[theme='light'] {
  --el-bg-color-page: #F9F9FA;
  --el-border-color: #E5E5E6;
  --el-selection-color: var(--el-border-color);
  --el-text-color: #0A0A0C;
  --el-text-color-secondary: #4B4B4D;
  --el-text-color-regular: var(--el-text-color);
  --el-bg-color-overlay: var(--el-bg-color-page);
  --el-border-color-light: var(--el-border-color);
  --el-color-primary-light-9: var(--el-border-color);
  --el-color-primary: var(--el-text-color);
  --el-bg-color: var(--el-bg-color-page);
  --el-input-bg-color: var(--el-bg-color-page);
  --el-fill-color-blank: var(--el-bg-color-page);
  --el-fill-color-light: transparent;
  --el-text-color-primary: var(--el-text-color);
  --el-border-color-lighter: var(--el-border-color);
}

:root[theme='dark'] {
  --el-bg-color-page: #09090B;
  --el-border-color: #27272A;
  --el-selection-color: var(--el-border-color);
  --el-text-color: #FFFFFF;
  --el-text-color-secondary: #BBBDBF;
  --el-text-color-regular: var(--el-text-color);
  --el-bg-color-overlay: var(--el-bg-color-page);
  --el-border-color-light: var(--el-border-color);
  --el-color-primary-light-9: var(--el-border-color);
  --el-color-primary: var(--el-text-color);
  --el-border-color-lighter: rgba(50, 50, 50);
  --el-bg-color: var(--el-bg-color-page);
  --el-input-bg-color: var(--el-bg-color-page);
  --el-fill-color-blank: var(--el-bg-color-page);
  --el-fill-color-light: transparent;
  --el-text-color-primary: var(--el-text-color);
  --el-border-color-lighter: var(--el-border-color);
}

:root {
  --main-space: 16px;
  --header-height: 48px;
  --el-radius: 8px;
}

* {
  box-sizing: border-box;
}

html {
  color: var(--el-text-color);
  font-size: 14px;
}


html .el-button {
  --el-button-text-color: var(--el-text-color);
  --el-button-bg-color: var(--el-bg-color-page);
  --el-button-border-color: var(--el-border-color);
  --el-button-outline-color: var(--el-border-color);
  --el-button-active-color: var(--el-border-color);
  --el-button-hover-text-color: var(--el-text-color);

  --el-button-hover-link-text-color: var(--el-text-color);
  --el-button-hover-bg-color: var(--el-border-color);
  --el-button-hover-border-color: var(--el-border-color);
  --el-button-active-bg-color: var(--el-border-color);
  --el-button-active-border-color: var(--el-border-color);
  --el-fill-color-light: var(--el-border-color);
  --el-fill-color: var(--el-border-color);
}

.el-empty {
  --el-empty-padding: 0;
  --el-empty-image-width: 100%;
}

.el-input-group__append {
  color: var(--el-text-color);
}

.el-table {
  border-radius: var(--el-radius);
  border: 1px solid var(--el-border-color);
}

.el-table__border-left-patch,
.el-table--border::after,
.el-table--border::before,
.el-table--border .el-table__inner-wrapper::after,
.el-table__inner-wrapper::before {
  background-color: var(--el-bg-color) !important;
}

.el-loading-spinner {
  height: calc(100vh - var(--header-height) - 18px);
  display: flex;
  align-items: center;
  justify-content: center;
}

.el-empty__image {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.el-form-item.is-required:not(.is-no-asterisk).asterisk-left > .el-form-item__label:before {
  display: none;
}

.el-dialog {
  border: 1px solid var(--el-border-color);
}